<template>
  <div>
    <div class="module-title">
      <router-link :to="{name:'detail',params:{bs: 'gszc'}}">
        <div class="module-title-item" style="cursor: pointer;">
            <div class="img-box">
              <img src="/static/img/12.png" alt="">
            </div>
            <div class="word">公司注册</div>
        </div>
      </router-link>
      <router-link :to="{name:'detail',params:{bs: 'sbzc'}}">
        <div class="module-title-item" style="cursor: pointer;">
          <div class="img-box"><img src="/static/img/13.png" alt=""></div>
          <div class="word">商标注册</div>
        </div>
      </router-link>
    </div>

    <div class="module-title">
      <router-link :to="{name:'detail',params:{bs: 'dljz'}}">
        <div class="module-title-item" style="cursor: pointer;">
          <div class="img-box"><img src="/static/img/14.png" alt=""></div>
          <div class="word">代理记账</div>
        </div>
      </router-link>
      <router-link :to="{name:'detail',params:{bs: 'gqzr'}}">
        <div class="module-title-item" style="cursor: pointer;">
          <div class="img-box"><img src="/static/img/15.png" alt=""></div>
          <div class="word">股权转让</div>
        </div>
      </router-link>
    </div>

    <div class="module-title">
      <router-link :to="{name:'detail',params:{bs: 'sbdb'}}">
        <div class="module-title-item" style="cursor: pointer;">
          <div class="img-box"><img src="/static/img/16.png" alt=""></div>
          <div class="word">商标答辩</div>
        </div>
      </router-link>
      <router-link :to="{name:'detail',params:{bs: 'tmzr'}}">
      <div class="module-title-item" style="cursor: pointer;">
        <div class="img-box"><img src="/static/img/17.png" alt=""></div>
        <div class="word">天猫转让</div>
      </div>
      </router-link>
    </div>
  </div>
</template>

<script>
    export default {
        name: "classmenu"
    }
</script>

<style scoped>

  .module-title {
    display: flex;
    padding: 0.24rem 0.24rem 0rem 0.24rem;
    justify-content: space-between;
  }

  .module-title .module-title-item {
    background: #f3f6f6;
    display: flex;
    padding: 0.1rem 0.6rem 0.24rem 0.37333rem;
    justify-content: space-between;
  }

  .module-title .module-title-item .img-box{
    line-height: 1.2rem;
  }

  .module-title .module-title-item .img-box img {
    width: 1rem;
    margin-right: 0.2rem;
    vertical-align: middle
  }

  .module-title .module-title-item .word {
    font-size: 0.3rem;
    line-height: 1.2rem;
    color:#505050;
  }
</style>
